// 引入vue
import Vue from 'vue';
// 引入路由
import VueRouter from 'vue-router';

// 引入路由组件
import About from '../views/About.vue';
import Home from '../views/Home.vue'
import Center from '../views/Center.vue'

// 声明使用vue插件
Vue.use(VueRouter);

export default new VueRouter({
    mode:"history",//mode 模式分为两种 一种是history模式 一种是hash模式  history模式中没有#  hash模式中有#
    // 在开发环境下两种模式都没有问题  但是在生产环境 history模式会有问题
    // 注册路由
    routes:[
        {
            path:'/about',// 路径左侧的/ 代表项目的根目录 不要加.  建议路径中不要出现大写字符
            name:'about',
            component:About//路径对应的路由组件
        },
        {
            path:'/home',
            name:'home',
            component:Home
        },{
            path:'/center',
            name:'center',
            component:Center
        },{
            /* 打开页面默认显示某个组件  路由重定向 */
            path:'/',
            // redirect:'/about'
            redirect:{
                name:'about'
            }
        }
    ]
})